<template>
    <el-row>
        <el-col :span="1" >
            <el-icon @click="changeNav">
                <CaretRight v-if="store.state.HomeModules.navBool" />
                <CaretLeft v-else />
            </el-icon>
        </el-col>
        <el-col :span="20">
            <AppBreadcrumb />
        </el-col>
    </el-row>
</template>

<script setup lang="ts">
import { CaretRight, CaretLeft } from "@element-plus/icons-vue";
import { useStore } from 'vuex';
import AppBreadcrumb from './AppBreadcrumb.vue';
const store = useStore();
// console.log(store);

let changeNav = () => {
    store.commit("SET_NAVBOOL")
}

</script>

<style lang="scss" scoped>
.el-row {
    padding-top: 20px;
}


.el-header {
    line-height: 70px; //设置图标垂直居中
    // padding-left: 50px;

    .el-icon {
        font-size: 20px; //设置图标大小
    }
}


</style>